body{
	background: #f6f3f7;
}
*,ul,li,p{
	margin: 0;
	padding: 0;
	list-style: none;
}
.header{
	background:#2a2c33;
}
.header h1{
	color:#fff;
	font-size:18px;
}
.body{
	margin-top: 54px;
}
.title{
	margin: 10px 12px;
	background: #fff;
	border-radius: 2px;
}
.title>p{
	padding-left: 12px;
	background: #38acf5;
	color: #fff;
	line-height: 30px;
	font-size: 14px;
}
.title>div{
	padding: 10px 12px;
}
.title .up{
	padding: 10px 0;
}
.title .up span{
	margin-left: 10px;
	display: inline-block;
}
.title .up span:first-child{
	font-size: 15px;
	color: #333;
	margin: 0;
}
.title .up span:nth-child(2){
	width: 56px;
	line-height: 16px;
	font-size: 11px;
	color: #38acf5;
	border: 1px solid #38acf5;
	border-radius: 2px;
	text-align: center;
	position: relative;
	bottom: 1px;
}
.title .up span:last-child{
	background: url(../../images/icon/chineseHospital/angle-circle.png) no-repeat;
	width: 16px;
	height: 16px;
	background-size: 100%;
	float: right;
	margin-top: 3px;
}
.title .down{
	color: #666;
	margin: 2px 60px 5px 0;
	font-size: 11px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.list{
	width: 100%;
	background: #fff;
}
.list ul{
	padding: 0 12px;
}
.list ul li{
	padding: 10px 0;
	height: 65px;
	border-bottom: 1px solid #f0f0f0;
	overflow: auto;
}
.list ul li:last-child{
	border: none;
}
.list .time{
	width: calc(100% - 70px);
	float: left;
}
.time>p{
	width: 150px;
	display: inline-block;
}
.time>p:first-child{
	font-size: 14px;
	color: #333;
}
.time>p:nth-child(2){
	font-size: 12px;
	color: #666;
}
.time>span{
	color: #999;
	font-size: 14px;
	float: right;
	position: relative;
	bottom: 10px;
}
.time>span>i{
	font-style: normal;
}
.list .button{
	width: 70px;
	padding: 6px 0 6px 20px;
	float: left;
}
.list .button button{
	height: 30px;
	width: 50px;
	padding: 5px 10px;
	border: 1px solid #38acf5;
	color: #38acf5;
}
.list .button .none{
	background: #f4f3f3;
	color: #999;
	border: none;
}
.lot{
	color: #38acf5;
}
.less{
	color: #F53838;
}